<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$.post()方法</title>
</head>
<body>

    
    <div class="content">
        <button id="btn">点我获取</button><span id="info"></span>
        <div id="box"></div>
    </div>
    <button id="btn2">点我获取</button> <span id="info"></span>
    
    <script src="./jquery-3.6.0.js"></script>
    
    
    <script>
        
        /* 
            $.post() 方法通过 HTTP POST 请求从服务器上加载数据。
            语法:
                $.post(URL,data,callback(data, status, xhr) );
                    必需的 URL 参数规定您希望请求的 URL。
                    可选的 data:{} 参数规定连同请求发送的数据。
                    可选的 callback 参数是请求成功后所执行的函数名。
                    使用 $.post() 连同请求一起发送数据
        */
    
        $(function () {
            $('#btn').click(function () {
               
            //   $("#box").load('./data/test.txt')
                $.post(`https://hmajax.itheima.net/api/register`, {username:"ceshi123456",password:"111111"},function (data, status, xhr) {
                    console.log('请求结果是', data, status, xhr)
                    
                })
            })


            $('#btn2').click(function() {
                $.getScript("./data/getJs.js", function(data, status, xhr) {
                    // console.log("data:", data, "status:", status, "xhr:", xhr);
                    var a = sum(10, 20);
                    $('#info').html("结果是："+a);
                })
            })
        })
        

    </script>
</body>
</html>